<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bienvenido Empleado</title>
		<link rel="stylesheet" type="text/css" href="estilos.css">
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Slicebox - 3D Image Slider with Fallback" />
        <meta name="keywords" content="jquery, css3, 3d, webkit, fallback, slider, css3, 3d transforms, slices, rotate, box, automatic" />
		<meta name="author" content="Pedro Botelho for Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
		<script type="text/javascript" src="js/modernizr.custom.46884.js"></script>
	    <style type="text/css">
<!--
.Estilo3 {font-size: xx-large}
.Estilo9 {font-size: xx-large; color: #FFFFFF; }
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-image: url(../images/fancy_deboss.png);
}
-->
        </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
	<body>
		<div class="container">
		  <table width="101%" height="179" border="0" background="../images/fondo3.jpg">
            <tr>
              <th height="113" background="images/fondo3.jpg" class="Estilo9 Estilo3" scope="row">Bienvenido Empleado </th>
            </tr>
            <tr>
              <th height="52" align="center" scope="row">
			  <ul class="menu">
			  <center><li><a href="#">     </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">    </a></li>
			  <li><a href="#">     </a></li>
			   <li><a href="#">     </a></li>
			    <li><a href="#">     </a></li>
			  
              <li><a href="../carroCompra/formulario.php">  Pedidos</a></li>
              <li><a href="../Cliente/registrocliente.php">Ingresar Cliente </a></li>
	          <li><a href="#"></a>    </li>
			  </center>
</ul>


			  
			
			  </th>
            </tr>
          </table>
		 <CENTER> <P><h3 class="Estilo3">&nbsp;</h3> 
		 </CENTER>
		<p>&nbsp; </p>
	</div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.slicebox.js"></script>
		<script type="text/javascript">
			$(function() {
				
				var Page = (function() {

					var $navArrows = $( '#nav-arrows' ).hide(),
						$navOptions = $( '#nav-options' ).hide(),
						$shadow = $( '#shadow' ).hide(),
						slicebox = $( '#sb-slider' ).slicebox( {
							onReady : function() {

								$navArrows.show();
								$navOptions.show();
								$shadow.show();

							},
							orientation : 'h',
							cuboidsCount : 3
						} ),
						
						init = function() {

							initEvents();
							
						},
						initEvents = function() {

							// add navigation events
							$navArrows.children( ':first' ).on( 'click', function() {

								slicebox.next();
								return false;

							} );

							$navArrows.children( ':last' ).on( 'click', function() {
								
								slicebox.previous();
								return false;

							} );

							$( '#navPlay' ).on( 'click', function() {
								
								slicebox.play();
								return false;

							} );

							$( '#navPause' ).on( 'click', function() {
								
								slicebox.pause();
								return false;

							} );

						};

						return { init : init };

				})();

				Page.init();

			});
		</script>
	</body>
</html>	
